<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" th:content="${@config.getKey('blog.index.keywords')}">
	<meta name="description" th:content="${@config.getKey('blog.index.description')}">
	<title th:text="${@config.getKey('blog.index.title')}"></title>

	<link rel="stylesheet" th:href="@{/blog/jxhx/css/base.css}" />
	<link rel="stylesheet" th:href="@{/blog/jxhx/css/m.css}" />
	<link rel="stylesheet" th:href="@{/ajax/libs/font-icon/icon.css}"/>
	<script th:src="@{/blog/jxhx/js/jquery-1.8.3.min.js}"></script>
	<script th:src="@{/blog/jxhx/js/comm.js}"></script>
	<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
	<script th:src="@{/ruoyi/js/fast.js}"></script>


</head>
<body>
<div th:replace="blog/theme/jxhx/fragments/navbar"></div>

<article>
	<!--lbox begin-->
	<div class="lbox">

		<div class="whitebg bloglist">
			<h2 class="htitle" th:text="${categoryName}"></h2>
			<ul>

				<li th:each="item,temp:${articleList}" >

					<h3 class="blogtitle"><b th:if="${item.topFlag==1}">【顶】</b><a th:href="@{${'/blog/article/'+item.id}}" target="_blank" th:title="${item.title}"  th:text="${item.title}" ></a></h3>
					<span class="blogpic imgscale"><i><a th:text="${item.category.categoryName}" th:href="@{${'/blog/category/'+item.category.categoryId}}" target="_blank"></a></i><a th:href="@{${'/blog/article/'+item.id}}" title=""><img class="lazy" th:src="${item.coverImage}" alt=""></a></span>
					<p class="blogtext" style="height: 58px;" th:text="${item.description}" ></p>
					<div class="bloginfo">

						<span class="fa fa-clock-o"></span><span th:text="${#dates.format(item.createTime,'yyyy-MM-dd')}"></span>
						<span class="fa fa-eye"></span><span th:text="${item.hit}? ${item.hit} : 0"></span>
						<a style="color: #999;" class="comment-link-a" th:href="@{${'/blog/article/'+item.id+'#comment'}}"><span class="fa fa-heart"></span><span th:text="${item.upVote}? ${item.upVote} : 0"></span></a>

					</div>
					<a th:href="@{${'/blog/article/'+item.id}}" th:title="${item.title}"  class="viewmore">阅读更多</a>
				</li>

			</ul>

			<div th:if="${#lists.isEmpty(articleList)}"  class="cy-my-page" style="height: 100%;width: 100%;">
				<ul class="cy-my-comment-list">
					<div class="empty-hold-place">
						<div class="pet-pic"></div>
						<div class="empty-txt comment-empty-txt">没有查询到结果!</div>
						<div class="power-by-cy-txt">&nbsp;&nbsp;Powdered By ruoyi-plus&nbsp;&nbsp;</div>
					</div>
				</ul>
			</div>

			<!--pagelist-->
			<div class="pagelist"></div>
			<!--pagelist end-->

			<div id="pageGroup">
				<span class="pageinfo">共<strong>[[${totalPages}]]</strong>页<strong>[[${total}]]</strong>条记录</span>
				<a th:href="@{'/blog/category/'+${categoryId}+'?pageSize=10'}" class="homepage">首页</a>
				<a th:if="${hasPrevious}" th:href="@{'/blog/category/'+${categoryId}+'?pageNum='+${prePage}+'&pageSize=10'}"  class="prepage">上页</a>
				<a  th:each="item:${navNums}" class="listpage"  th:href="@{'/blog/category/'+${categoryId}+'?pageNum='+${item}+'&pageSize=10'}"  th:text="${item}" th:classappend="${item+'' ==currentPage+'' ? 'curpage':''}"></a>
				<a th:if="${hasNext}" th:href="@{'/blog/category/'+${categoryId}+'?pageNum='+${nextPage}+'&pageSize=10'}"  class="nextpage">下页</a>
				<a th:href="@{'/blog/category/'+${categoryId}+'?pageNum='+${totalPages}+'&pageSize=10'}"  class="endpage">尾页</a>
			</div>

		</div>

	</div>
	<div class="rbox">
		<div th:replace="blog/theme/jxhx/fragments/sidebar"></div>
	</div>
</article>
<div th:replace="blog/theme/jxhx/fragments/footer"></div>
</body>

</html>